$(function(){
    var item = $('.productTitle_item').clone(true);
    var itemlist = $('.product_list').clone(true);
   item.find('.product_list').remove();
    $('.productTitle_item').remove();
    item.remove();
    $.ajax({
        url: 'http://127.0.0.1:3000/api/getcategorytitle',
        dataType: 'JSONP',
        success:function(data){
            // console.log(data);
            data = JSON.parse(data);
            data = data.result;
            var len = data.length;
            for (var i = 0; i < len; i++) {
                var ic = item.clone(true);
                var idata = data[i];
                ic.find('.title_js').text(idata.title);
                 ic.find('.id_js').text(idata._id);
                 ic.find('.titleId_js').text(idata.titleId);
                $('#list').append(ic);
            }
        }
    });
    $('.productFrom').on('click','.productTitle_item',function(){
        var its = $(this).find('.titleId_js').text();
        var count = $(this).find('.product_count');
        console.log(its);

        if(count.children().length==0){
            
        $.ajax({
            url:'http://127.0.0.1:3000/api/getcategory?titleid='+its,
            dataType:'JSONP',
            success:function(data){
                data = JSON.parse(data);
                data = data.result;
                var len = data.length;
                // console.log(data);
                for (var i = 0; i < len; i++) {
                    var ic = itemlist.clone(true);
                    var idatas = data[i];
                    ic.find('.category').text(idatas.category);
                    ic.find('.categoryId').text(idatas.categoryId);
                    ic.find('.titleId').text(idatas.titleId);
                     ic.find('._id').text(idatas._id);
                    ic.find('.category').attr("href","productlist.html?categoryid="+idatas.categoryId);
                    count.append(ic);
                }
            
            }
        });
        return;
    }
    count.toggle();
    });

})
